import React, { Component } from 'react'
import '../assets/style/Yrelease.less'
import Img from '../components/Img'
import { Link } from 'react-router-dom'
export default class Release extends Component {
    constructor(props){
        super(props)
        this.state={
             list:[
                 {
                    path:'/YsecondSale',
                    img:'release/1.png',
                    title:'二手房出售',
                    generalize:'发布二手房出售信息',
                    icon:'release/5.png'
                 },
                 { 
                    path:'/findNewHouse',
                    img:'release/2.png',
                    title:'有房出租',
                    icon:'release/5.png',
                    generalize:'发布房源出租信息'
                 },
                 {
                    path:'/gbuyhouse',
                    img:'release/3.png',
                    title:'我想买个房子',
                    icon:'release/5.png',
                    generalize:'发布求购意向信息'
                 },
                 {
                    path:'/jrenthouse',
                    img:'release/4.png',
                    title:'我想租个房子',
                    icon:'release/5.png',
                    generalize:'发布求租意向信息'
                 },
             ]
        }
    }
    render() {
        return (
            
            <div className="releaseBox">
                <div className="top">
                   发布
                </div>
                <div className="middle">
                     {
                         this.state.list.map((item,keys)=>{
                             return <Link to={item.path} key={keys}>
                                   <div className="box" >
                                    <div className="left">
                                           <Img src={item.img}></Img>
                                    </div>
                                    <div className="right">
                                        <div className="title">{item.title}</div>
                                        <div className="generalize">{item.generalize}</div>
                                        <Img src={item.icon}></Img>
                                    </div>
                             </div>

                             </Link>
                         })
                     }
                      
                </div>
            </div>
        )
    }
}
